<template>
  <h1>隐藏与显示指令</h1>
  <p v-if="true">java</p>
  <p v-if="false">python</p>
  <hr>
  <p v-if="false">太阳</p>
  <p v-else>月亮</p>
  <hr>
  <p v-show="true">天</p>
  <p v-show="true">地</p>
  <hr>
  <p v-if="res">雨</p>
  <p v-else>风</p>

</template>

<script setup>
  import {ref} from "vue";

  const res = ref(false);
</script>

<style scoped>

</style>